<!--
 * @Author: your name
 * @Date: 2021-08-22 10:21:50
 * @LastEditTime: 2021-08-22 15:22:34
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \网易严选\HTML\index.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>网易严选</title>
  <link rel="stylesheet" href="../css/wyyx.css">
  <!-- 引入字体图标 -->
  
</head>

<body>
  <!-- header -->
  <div class="header">
    <!-- top -->
    <div class="top">
      <!-- 固定显示内容 -->
      <div class="wapper">
        <div class="left">
          <i class="iconfont icon-tongzhi"></i>
          <a href="">因事件（疫情、特大暴雨、台风）影响，部分地区无法配送公告</a>
        </div>
        <div class="right">
          <div>
            <div>
              <a href="">登录/注册</a>
            </div>
          </div>
          <div>
            <div>
              <a href="">我的订单</a>
            </div>
          </div>
          <div>
            <div>
              <a href="">会员</a>
            </div>
          </div>
          <div>
            <div>
              <a href="">甄选家</a>
            </div>
          </div>
          <div>
            <div>
              <a href="">企业采购
                <i class="iconfont icon-arrowRight-copy "></i>
              </a>
            </div>

          </div>
          <div>
            <div>
              <a href="">客户服务<i class="iconfont icon-arrowRight-copy"></i>
              </a>
            </div>
          </div>
          <div>
            <div>
              <a href="">
                <i class="iconfont icon-shouji"></i>
                APP
              </a>
            </div>

          </div>
        </div>
      </div>
      <!-- 固定显示内容结束 -->
    </div>
    <!-- top结束 -->
    <!-- bottom -->
    <div class="bottom">
      <div class="wapper">
        <!-- search -->
        <div class="search">
          <div class="logo">
            <img src="../img/logopng.png" alt="">
          </div>
          <div class="sousuo">
            <div>
              <div class="search_top">
                <i class="iconfont icon-search"></i>
                <input type="text"><span class="but_text">搜索</span>
              </div>
              <div class="search_bottom">
                <a href="">秋老虎</a>
              </div>
            </div>
          </div>
          <div class="shopcar">
            <div class="car">
              <i class="iconfont icon-gouwuche1"></i>
              <span>购物车</span>
              <i class="iconfont icon-0"></i>
            </div>
          </div>
        </div>
        <!-- search结束 -->
        <!-- menu -->
        <div class="menu">
          <div class="list">
            <ul>
              <li>
                <a href="">首页</a>
              </li>
              <li>
                <a href="">居家生活</a>
                <div class="second">

                  <div class="pro">
                    <ul>
                      <li>
                      床品件套
                      </li>
                      <li>
                       被枕褥毯 
                      </li>
                      <li>
                      办公家具
                      </li>
                      <li>
                      卧室家具
                      </li>
                      <li>
                     厨房电器
                      </li>
                    </ul>
                  </div>
                  
                </div>
              </li>
              <li>
                <a href="">服饰鞋包</a>
                <div class="second">
                  <div class="pro">
                    <ul>
                      <li>
                        居家内搭
                      </li>
                      <li>
                        珠宝配饰 
                      </li>
                      <li>
                        男鞋
                      </li>
                      <li>
                      女鞋
                      </li>
                      <li>
                     包袋
                      </li>
                    </ul>
                  </div>
                </div>
              </li>
              <li>
                <a href="">美食酒水</a>
                <div class="second">
                  <div class="pro">
                    <ul>
                      <li>
                      美食推荐
                      </li>
                      <li>
                      休闲零食
                      </li>
                      <li>
                        坚果蜜饯
                      </li>
                      <li>
                        冲饮茗茶
                      </li>
                      <li>
                        滋补保健
                      </li>
                    </ul>
                  </div>
                </div>
              </li>
              <li>
                <a href="">个护清洁</a>
                <div class="second">
                  <div class="pro">
                    <ul>
                      <li>
                        尖货大赏
                      </li>
                      <li>
                        面部护理
                      </li>
                      <li>
                        彩妆香水
                      </li>
                      <li>
                        个人护理
                      </li>
                      <li>
                        个护电器
                      </li>
                    </ul>
                  </div>
                </div>
              </li>
              <li>
                <a href="">母婴亲子</a>
                <div class="second">
                  <div class="pro">
                    <ul>
                      <li>
                        婴童精选
                      </li>
                      <li>
                        婴童食品 
                      </li>
                      <li>
                        洗护喂养
                      </li>
                      <li>
                        婴童寝居
                      </li>
                      <li>
                        玩具出行
                      </li>
                    </ul>
                  </div>
                </div>
              </li>
              <li>
                <a href="">运动旅行</a>
                <div class="second">
                  <div class="pro">
                    <ul>
                      <li>
                      行李箱
                      </li>
                      <li>
                       运动服 
                      </li>
                      <li>
                      运动户外鞋
                      </li>
                      <li>
                      运动减脂
                      </li>
                      <li>
                     户外露营
                      </li>
                    </ul>
                  </div>
                </div>
              </li>
              <li>
                <a href="">数码家电</a>
                <div class="second">
                  <div class="pro">
                    <ul>
                      <li>
                      床品件套
                      </li>
                      <li>
                       被枕褥毯 
                      </li>
                      <li>
                      办公家具
                      </li>
                      <li>
                      卧室家具
                      </li>
                      <li>
                     厨房电器
                      </li>
                    </ul>
                  </div>
                </div>
              </li>
              <li>
                <a href="">严选全球</a>
                <div class="second">
                  <div class="pro">
                    <ul>
                      <li>
                        品质尖货
                      </li>
                      <li>
                        生活电器
                      </li>
                      <li>
                        按摩电器
                      </li>
                      <li>
                        个护电器

                      </li>
                      <li>
                     厨房电器
                      </li>
                    </ul>
                  </div>
                </div>
              </li>
              <li>
                <a href="">为你严选</a>
                <div class="second">
                  <div class="pro">
                    <ul>
                      <li>
                        进口爆款
                      </li>
                      <li>
                        居家餐厨
                      </li>
                      <li>
                        营养保健
                      </li>
                      <li>
                        美食酒水
                      </li>
                      <li>
                        美妆洗护
                      </li>
                    </ul>
                  </div>
                </div>
              </li>
              <li>
                <a href="">众筹</a>
              </li>
            </ul>
          </div>
        </div>
        <!-- menu结束 -->
      </div>
    </div>
    <!-- bottom结束 -->

  </div>
  <!-- header结束 -->
  <!-- content -->
  <div class="content">
    <!-- 轮播 -->
    <div class="lunbo">
      <img src="../img/lunbo.jpg" alt="">
    </div>
    <!-- 轮播结束 -->
    <!-- 热销榜 -->
    <div class="hot_outer">
      <ul class="hot_goods">
        <li>- 热销榜 -</li>
        <li><img src="../img/全站热销榜.webp" alt=""><span>全站<br>热销榜</span></li>
        <li><img src="../img/1居家生活.webp" alt=""><span>居家<br>生活榜</span></li>
        <li><img src="../img/1服饰鞋包.webp" alt=""><span>服饰<br>鞋包榜</span></li>
        <li><img src="../img/1美食酒水.webp" alt=""><span>美食<br>酒水榜</span></li>
        <li><img src="../img/1数码家电.webp" alt=""><span>数码<br>家电榜</span></li>
        <li><img src="../img/1个护清洁.webp" alt=""><span>个护<br>清洁榜</span></li>
        <li><img src="../img/1运动旅行.webp" alt=""><span>运动<br>旅行榜</span></li>
        <li><img src="../img/1母婴亲子.webp" alt=""><span>母婴<br>亲子榜</span></li>
        <li><img src="../img/1全球特色.webp" alt=""><span>全球<br>特色榜</span></li>
      </ul>
    </div>
    <!-- 热销榜结束 -->

    <!-- 人气推荐 -->
    <div class="rqtj">
      <div class="wapper">
        <div class="popularity">
          <div class="title">
            <h3 class="name">人气推荐</h3>
            <div class="headerLeft checked">编辑推荐</div>
            <div class="headerLeft">热销总榜</div>
            <div class="headerRight">更多推荐></div>
          </div>
          <div class="product">
            <div id="productItemFirst" class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img
                src="https://yanxuan-item.nosdn.127.net/48ac6244d402c23e813f2099726fd08e.png?type=webp&quality=95&thumbnail=320x320&imageView"
                alt="图片丢失">
              <div class="title ">
                <h4 class="name">
                  不含酒精，使用安心 爽肤清洁湿巾
                </h4>
                <p class="price">¥17.9</p>
              </div>
            </div>
            <div class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img
                src="https://yanxuan-item.nosdn.127.net/5c91623e68334d9969b800e71bdd79a2.png?type=webp&quality=95&thumbnail=180y180&imageView"
                alt="图片丢失">
              <div class="title ">

                <h4 class="name">
                  汁汁白桃/盐盐冷棉，能除臭的空气清新香氛
                </h4>
                <p class="price">¥19.9
                </p>
              </div>
            </div>
            <div class="productItem"><img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img
                src="https://yanxuan-item.nosdn.127.net/6b9d93eae44995e560bcaf9154becee4.png?type=webp&quality=95&thumbnail=180y180&imageView"
                alt="图片丢失">
              <div class="title">

                <h4 class="name">
                  惊喜藏在蛋黄里，翻砂卤蛋 245克
                </h4>
                <p class="price">¥18
                </p>
              </div></div>
            <div class="productItem"><img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img
                src="https://yanxuan-item.nosdn.127.net/e3fdeaf58254e6016666f560347dbe56.png?type=webp&quality=95&thumbnail=180y180&imageView"
                alt="图片丢失">
              <div class="title">


                <h4 class="name">
                  红杏干 180克
                </h4>
                <p class="price">¥20
                </p>
              </div></div>
            <div class="productItem"><img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img
                src="https://yanxuan-item.nosdn.127.net/7b5e6a09bc84fed728366cccf4fed217.png?type=webp&quality=95&thumbnail=180y180&imageView"
                alt="图片丢失">
              <div class="title">


                <h4 class="name">
                  口袋里的咖啡馆 浓缩胶囊咖啡液 无糖1袋
                </h4>
                <p class="price">¥21.8
                </p>
              </div></div>
            <div class="productItem"><img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img
                src="https://yanxuan-item.nosdn.127.net/66a0208fe5da6208d7792e7ac0e854c6.png?type=webp&quality=95&thumbnail=180y180&imageView"
                alt="图片丢失">
              <div class="title ">


                <h4 class="name">
                  撕口加热即食，活力早餐帕尼尼 100g
                </h4>
                <p class="price">¥6.8
                </p>
              </div></div>
            <div class="productItem"><img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img
                src="https://yanxuan-item.nosdn.127.net/55f4fcc2773ac277d0c84138e9b7489b.png?type=webp&quality=95&thumbnail=180y180&imageView"
                alt="图片丢失">
              <div class="title">
                <div class="prdtTags"><span>3件8.5折</span></div>

                <h4 class="name">
                  无添加蔗糖，澳洲进口即食燕麦片 1千克
                </h4>
                <p class="price">¥19
                </p>
              </div></div>
          </div>
        </div>
      </div>
    </div>
    <!-- 人气推荐结束 -->
    <div class="rqtj">
      <div class="wapper">
        <div class="popularity">
          <div class="title">
            <h3 class="name">居家生活</h3>
            <div class="headerRight">查看更多></div> 
            <div class="headerRight">厨房电器</div>
            <div class="headerRight">餐厨爆款清单</div>
            <div class="headerRight">家庭医疗</div>
            <div class="headerRight">北欧原木</div>
            <div class="headerRight">疫情防控</div>
            <div class="headerRight">好物精选</div>
            <div class="headerRight">收纳家饰</div>
          </div>
          <div class="product">
            <div id="productItemFirst" class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img
                src="https://yanxuan-item.nosdn.127.net/a845ea8855b02fa48aaa46cdc87c9619.jpg?type=webp&quality=95&thumbnail=265x265&imageView"
                alt="图片丢失">
              <div class="title">
                <h4 class="name">
                  耐热玻璃把手杯 防滑带杯盖
                </h4>
                <p class="price">¥39</p>
              </div>
            </div>
            <div class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img
                src="https://yanxuan-item.nosdn.127.net/91c8d6a890f7a7f2251c9e81a82d9dc0.png?type=webp&quality=95&thumbnail=265x265&imageView"
                alt="图片丢失">
              <div class="title">
        

                <h4 class="name">
                  多功能私享按摩椅
                </h4>
                <p class="price">¥1699
                </p>
              </div>
            </div>
            <div class="productItem"><img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img
                src="https://yanxuan-item.nosdn.127.net/be1d87b0efe97b67229de3b9defd398b.png?type=webp&quality=95&thumbnail=265x265&imageView"
                alt="图片丢失">
              <div class="title">

                <h4 class="name">
                  【新疆棉】云珍·轻软旅行长绒棉毛巾
                </h4>
                <p class="price">¥59
                </p>
              </div></div>
            <div class="productItem"><img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img
                src="https://yanxuan-item.nosdn.127.net/33a19000c0cf1ba941b818e18e35c61f.png?type=webp&quality=95&thumbnail=265x265&imageView"
                alt="图片丢失">
              <div class="title">


                <h4 class="name">
                  便携大容量运动水杯 吸管款单手畅饮
                </h4>
                <p class="price">¥46
                </p>
              </div></div>
            <div class="productItem"><img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img
                src="https://yanxuan-item.nosdn.127.net/3ca695c9e56f23768b20755321364a66.jpg?type=webp&quality=95&thumbnail=245x245&imageView"
                alt="图片丢失">
              <div class="title">

                <h4 class="name">
                  岁月无声，静音日式挂钟
                </h4>
                <p class="price">¥125
                </p>
              </div></div>
            <div class="productItem"><img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img
                src="https://yanxuan-item.nosdn.127.net/3b8a25c7ec5c53f62702c680f95cae11.jpg?type=webp&quality=95&thumbnail=245x245&imageView"
                alt="图片丢失">
              <div class="title">


                <h4 class="name">
                  拉开抽屉不凌乱，磨砂抽屉整理盒 套装
                </h4>
                <p class="price">¥49
                </p>
              </div></div>
            <div class="productItem"><img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img
                src="https://yanxuan-item.nosdn.127.net/49e21db0fe13c0ff1789a79a8ba48468.jpg?type=webp&quality=95&thumbnail=245x245&imageView"
                alt="图片丢失">
              <div class="title">

                <h4 class="name">
                  衣柜省空间神器，棉麻涤·收纳挂袋
                </h4>
                <p class="price">¥55
                </p>
              </div></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- content结束 -->
  <!-- footer -->
  <div class="footer">

  </div>
  <!-- footer结束 -->
</body>

</html>   